<%@page import="java.security.SecureRandom"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script language="javascript"
	src="/huahua/resources/js/jquery/jquery-2.2.4.min.js"></script>
<script type="text/javascript"
	src="/huahua/resources/js/jquerysession.js"></script>

<script type="text/javascript">
	function getPayment() {
		var xmlhttp;
		if (window.XMLHttpRequest) {
			//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
			xmlhttp = new XMLHttpRequest();
		} else {
			// IE6, IE5 浏览器执行代码
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange = function() {

			document.getElementById("myDiv").innerHTML = xmlhttp.responseText;

		}
		xmlhttp.open("GET", "/huahua//user/myPayment.shtml", true);
		xmlhttp.send();
	}
</script>
<!-- Title  -->
<title>搜索商品</title>

<!-- script  -->
<script language="javascript" src="/huahua/resources/js/city.js"></script>
<!-- Favicon  -->
<link rel="icon" href="/huahua/resources/images/core-img/favicon.ico">

<!-- Core Style CSS -->
<link rel="stylesheet" href="/huahua/resources/css/core-style.css">
<script type="text/javascript"
	src="resources/js/jquery/jquery-2.2.4.min.js"></script>


</head>

<body>
	<!-- ##### Header Area Start ##### -->
	<header class="header_area">
		<div
			class="classy-nav-container breakpoint-off d-flex align-items-center justify-content-between">
			<!-- Classy Menu -->
			<nav class="classy-navbar" id="essenceNav">
				<!-- Logo -->
				<a class="nav-brand" href="http://localhost:8080/huahua/pages/front/index.jsp"><img
					src="/huahua/resources/images/core-img/logo.png" alt=""></a>
				<!-- Navbar Toggler -->
				<div class="classy-navbar-toggler">
					<span class="navbarToggler"><span></span><span></span><span></span></span>
				</div>
				<!-- Menu -->
				<div class="classy-menu">
					<!-- close btn -->
					<div class="classycloseIcon">
						<div class="cross-wrap">
							<span class="top"></span><span class="bottom"></span>
						</div>
					</div>
					<!-- Nav Start -->
					<div class="classynav">
						<ul>
										<li><a href="http://localhost:8080/huahua//good/getPaged.shtml?pageNum=1">Shop</a>
							  </li>
							<li><a href="http://localhost:8080/huahua/pages/front/userHome.jsp">MyHome</a></li>
						</ul>
					</div>
					<!-- Nav End -->
				</div>
			</nav>

			<!-- Header Meta Data -->
	<div class="header-meta d-flex clearfix justify-content-end">

				<!-- Favourite Area -->
				<div class="favourite-area">
					<a href="<%=basePath%>/user/logout.shtml">退出登录</a>
				</div>


			</div>
		</div>
	</header>
	<!-- ##### Header Area End ##### -->

	<!-- ##### Right Side Cart Area ##### -->
	<div class="cart-bg-overlay"></div>

	<div class="right-side-cart-area">

		<!-- Cart Button -->
		<div class="cart-button">
			<a href="#" id="rightSideCart"><img src="img/core-img/bag.svg"
				alt=""> <span>3</span></a>
		</div>


	</div>
	<!-- ##### Right Side Cart End ##### -->

	<!-- ##### Breadcumb Area Start ##### -->
	<div class="breadcumb_area bg-img"
		style="background-image: url(img/bg-img/breadcumb.jpg);">
		<div class="container h-100">
			<div class="row h-100 align-items-center">
				<div class="col-12">
					<div class="page-title text-center">
						<h2>预览商品</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ##### Breadcumb Area End ##### -->

	<!-- ##### Shop Grid Area Start ##### -->
	<section class="shop_grid_area section-padding-80">
		<div class="container">
			<div class="row">
	
				
				<div class="col-12 col-md-4 col-lg-3">
					<div class="shop_sidebar_area">

						<!-- ##### Single Widget ##### -->
						<div class="widget catagory mb-50">
							<!-- Widget Title -->
							<h6 class="widget-title mb-30">Catagories</h6>

							<!--  Catagories  -->
							<p class="widget-title2 mb-30">Search</p>
							<div class="search-area">
							
							
							<form action="<%=basePath%>/good/good_select_conditon.shtml" method="post">		
								<input type="text" name="name" id="headerSearch"
									placeholder="输入你要搜索的商品名">
								<button type="submit">
									<i class="fa fa-search" aria-hidden="true"></i>
								</button>
								</form>
							</div>

						</div>



						<!-- ##### Single Widget ##### -->
						<div class="widget color mb-50">
							<!-- Widget Title 2 -->
							<p class="widget-title2 mb-30">Color</p>
							<div class="widget-desc">
								<ul class="d-flex">
									<li><a href="good_select_conditon.shtml?colour=白色" class="color1"></a></li>
									<li><a href="good_select_conditon.shtml?colour=灰色" class="color2"></a></li>
									<li><a href="good_select_conditon.shtml?colour=黑色" class="color3"></a></li>
									<li><a href="good_select_conditon.shtml?colour=蓝色" class="color4"></a></li>
									<li><a href="good_select_conditon.shtml?colour=玫红色" class="color5"></a></li>
									<li><a href="good_select_conditon.shtml?colour=黄色" class="color6"></a></li>
									<li><a href="good_select_conditon.shtml?colour=粉色" class="color7"></a></li>
									<li><a href="good_select_conditon.shtml?colour=棕色" class="color8"></a></li>
									<li><a href="good_select_conditon.shtml?colour=绿色" class="color9"></a></li>
									<li><a href="good_select_conditon.shtml?colour=紫色" class="color10"></a></li>
								</ul>
							</div>
						</div>

						
						
		<form action="<%=basePath%>/good/good_select_conditon.shtml" method="post">					
						<!-- ##### Single Widget ##### -->
						<div class="widget brands mb-50">
							<!-- Widget Title 2 -->
							<p class="widget-title2 mb-30">Brands</p>
							<div class="widget-desc">
								<ul>
									<li><a href="good_select_conditon.shtml?brand=Loewe">Loewe</a></li>
									<li><a href="good_select_conditon.shtml?brand=Chanel">Chanel</a></li>
									<li><a href="good_select_conditon.shtml?brand=Gucci">Gucci</a></li>
									<li><a href="good_select_conditon.shtml?brand=Chole">Chole</a></li>
									<li><a href="good_select_conditon.shtml?brand=Burberry">Burberry</a></li>
									<li><a href="good_select_conditon.shtml?brand=Aigner">Aigner</a></li>
								</ul>
							</div>
						</div>
				</form>	
					
					
					
					</div>
				
				
				
				</div>




				<div class="col-12 col-md-8 col-lg-9">
					<div class="shop_grid_product_area">
						<div class="row">
							<div class="col-12">
								<div
									class="product-topbar d-flex align-items-center justify-content-between">
									<!-- Total Products -->
									
									<!-- Sorting -->
								
								</div>
							</div>
						</div>

						<div class="row">

							<!-- Single Product -->
						<c:forEach items="${ list }" var="good">
							<div class="col-12 col-sm-6 col-lg-4">
							
								<div class="single-product-wrapper">
									
										<a href="${ pageContext.request.contextPath }/good/getGoodDetails.shtml?id=${good.goodId}"
											class="product-image"> 
											<!-- Product Image -->
											<div class="product-img">
												<img src="${good.goodLike}">


											</div> <!-- Product Description -->
											
											<div class="product-description">
												<span><c:out value="${good.goodBrand}" /></span>
												 <a href="single-product-details.html">
													<h6>
														<c:out value="${good.goodName}" />
													</h6>
												</a>
												<p class="product-price">
													价格：$
													<c:out value="${good.goodPrice}" />
												</p>


											</div>
										</a>
									
								</div>
							
							</div>
							</c:forEach>

						</div>
					</div>
					<!-- Pagination -->
					<nav aria-label="navigation">
						<ul class="pagination mt-50 mb-70">
							<li class="page-item"><a class="page-link" href="#"><i
									class="fa fa-angle-left"></i></a></li>
							<li class="page-item"><a class="page-link" href="#">1</a></li>
							<li class="page-item"><a class="page-link" href="#">2</a></li>
							<li class="page-item"><a class="page-link" href="#">3</a></li>
							<li class="page-item"><a class="page-link" href="#">...</a></li>
							<li class="page-item"><a class="page-link" href="#">21</a></li>
							<li class="page-item"><a class="page-link" href="#"><i
									class="fa fa-angle-right"></i></a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>
	</section>
	<!-- ##### Shop Grid Area End ##### -->

	

	<!-- jQuery (Necessary for All JavaScript Plugins) -->
	<script src="/huahua/resources/js/jquery/jquery-2.2.4.min.js"></script>
	<!-- Popper js -->
	<script src="/huahua/resources/js/popper.min.js"></script>
	<!-- Bootstrap js -->
	<script src="/huahua/resources/js/bootstrap.min.js"></script>
	<!-- Plugins js -->
	<script src="/huahua/resources/js/plugins.js"></script>
	<!-- Classy Nav js -->
	<script src="/huahua/resources/js/classy-nav.min.js"></script>
	<!-- Active js -->
	<script src="/huahua/resources/js/active.js"></script>

</body>

</html>